<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title>活动详情</title>
        <link href="__CDN__/qz/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/qz/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="__CDN__/qz/assets/frozenui-1.3.0/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="__CDN__/qz/assets/css/style.css" />
	</head>

	<body class="body">
        <div>
        	<!-- <img src="__CDN__/qz/assets/img/img_zhanweitu4.3.png" class="img" /> -->
            <img src="{$activity.poster}"  class="img" />
        </div>
 
        <div class="introduce">
            <h1 class="overTitleLine">{$activity.name}</h1>
            <p class="marginT18"> <span class="color565656">{$activity.site} | 时长{$activity.time}h</span><span class="colorFea802 floatR fontS18">¥{$activity.fee}</span></p>
        </div>
        
        <div class="navigation">
            <p class="padding0_14 lineH50">
                <img src="__CDN__/qz/assets/img/icon_map_s.png" class="mapMark" />
                <span class="color969696 fontS14">{$activity.city}.{$activity.site_address}</span>
                <a href="javascript:;" class="floatR fontS14 color4c67ea">导航</a>
            </p>
        </div>
        
        <div class="introduce marginT40">
            <section>
                <h4>活动流程</h4>
                <div class="">
                    {volist name="activity.plan" id="vo"}
                    <ul class="ui-row ui-whitespace">
                        <li class="ui-col ui-col-33 paddingR textAR fontS14 color696969 marginT20">
                            <label class="ui-label">{$vo.time}</label>
                        </li>
                        <li class="ui-col ui-col-67 textAL fontS14 color565656 lineH28 marginT20">{$vo.body}</li>
                    </ul>
                    {/volist}
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>{$activity.desc_title}</h4>
                <div class="marginT20">
                    <p class="marginT18 color565656 lineH28">{$activity.desc}</p>
                   <!--  {volist name="activity.desc" id="vo"}
                       {if $vo.type == 'img'}
                           <img src="{$vo.body}" class="img marginT15" />
                       {else /}
                           <p class="marginT18 color565656 lineH28">{$vo.body}</p>
                       {/if}
                   {/volist} -->
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>费用包含</h4>
                <div class="marginT20">
                    <p class="marginT18 color565656 lineH28">{$activity.include}<!-- 美国哈佛大学心理学课程认证-国学文化艺术沙龙讲座报名开始啦！美国哈佛大学心理学课程认证-国学文化艺术沙龙讲座报名开始啦！ --></p>
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>活动须知</h4>
                <div class="marginT20">
                    {$activity.notes}
                    <!-- <ul>
                        <li class="color565656 lineH28 fontS14">1.美国哈佛大学心理学课程认证</li>
                        <li class="color565656 lineH28 fontS14">2.美国哈佛大学心理学课程认证</li>
                    </ul> -->
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>商家日程</h4>
                <div class="marginT20 form_date">
                    
                </div>
            </section>
        </div>
        <script type="text/javascript" src="__CDN__/qz/assets/js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
        <script>
              $(function(){
                var datesDisabled = {$activity.selected_time};
                //var datesDisabled = ['2018-11-26','2018-1-23'];
                console.log(datesDisabled)
                $('.form_date').datetimepicker({
                            language:  'zh-CN',
                            weekStart: 1, //一周从哪一天开始。0（星期日）到6（星期六）;Integer. 默认值：0 
                            startDate:new Date(),
                            todayBtn:  1,
                            autoclose: 1,
                            todayHighlight: 1,
                            startView: 2,
                            minView: 2,
                            forceParse: 0,
                            datesDisabled:datesDisabled,
                            format: "yyyy-mm-dd"
                        })
                        $('.form_date').datetimepicker('show');
              })

              $(".navigation").click(function(e){
                   window.location.href = 'http://api.map.baidu.com/marker?location='+{$activity.latitude}+','+{$activity.longitude}+'&title={$activity.site_address}&content={$activity.site_address}&output=html'; 
              })
        </script>
	</body>
</html>